<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
 	xmlns:rich="http://richfaces.ajax4jsf.org/rich"
 	xmlns:a4j="https://ajax4jsf.dev.java.net/ajax" 	
	xmlns:s="http://jboss.com/products/seam/taglib">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
 
<title>GED</title>	
<style>
.window{
    font-family:verdana,arial;
    font-size:13px;
	align: center;
	width: 100%;
}

.body{
    font-family:verdana,arial;
    font-size:13px;
	width: 100%;
	border:1;
}

.gridContent_left {
    font-family:verdana,arial;
    font-size:13px;
  	vertical-align:top;
  	padding:0;
  	width: 15%
}

.gridContent_center {
    font-family:verdana,arial;
    font-size:13px;
  	vertical-align:top;
  	align: center;
  	padding:0;  	
  	width: 70%
}


.gridContent_height {
    font-family:verdana,arial;
    font-size:13px;
  	vertical-align:top;
  	padding:0;
  	width: 15%
}

.gridRowContent{
    font-family:verdana,arial;
    font-size:13px;
  	vertical-align:sub;
  	align:center;
  	border: 0;
  	width: 100%
}
  
.outpanelHeader {
    font-family:verdana,arial;
    font-size:13px;
  	height:4px;
  	border-width: 0;
}

.inpanelBody_left {
    font-family:verdana,arial;
    font-size:13px;
    height:100%;
    width : 100%
}

.inpanelBody_center {
    font-family:verdana,arial;
    font-size:13px;
    align:center;
    height:100%;    
    width : 100%
}

.inpanelBody_height {
    font-family:verdana,arial;
    font-size:13px;
    height:100%;
    width : 100%
}

.rich-panel-header {
    font-family:verdana,arial;
    font-size:13px;
	color:#0054BD;
}

.header-esquerda{
    font-family:verdana,arial;
    font-size:13px;
	width : 2%;
	
}

.header-centro{
    font-family:verdana,arial;
    font-size:13px;
	width : 20%;
	
}

.header-direita{
    font-family:verdana,arial;
    font-size:13px;
  	vertical-align: sub;
  	text-align: right;
  	align: right;
  	width : 60%
  	
}

.header-row{
    font-family:verdana,arial;
    font-size:13px;
	vertical-align:sub
		
}

.footer_center {
    font-family:verdana,arial;
    font-size:13px;
  	vertical-align:top;
  	align: center;
  	text-align: center;
  	padding:0;
  	
}

.botao{
	FONT-FAMILY:Arial, Helvetica;
	background-color: #bed6f8;;
	BORDER-BOTTOM-COLOR: #DEEAFC;
    BORDER-LEFT-COLOR: #DEEAFC;
    BORDER-RIGHT-COLOR: #DEEAFC;
    BORDER-TOP-COLOR: #DEEAFC;    
    border: solid 1px #729CDB
}


</style>

</head>

<body>
	<div class="window">	
		<rich:panel style="padding:0; width : 100%; vertical-align:sub" headerClass="outpanelHeader" bodyClass="header-row" >
			<f:facet name="header">
				<rich:spacer height="4" />
			</f:facet>
			
			<h:panelGrid columns="3" rowClasses="header-row" styleClass="header-row" columnClasses="gridContent_left,gridContent_center,gridContent_height" width="100%">
	
				<h:column></h:column>
				<h:column>					
						
					<h:panelGrid columns="3" width="100%" columnClasses="header-esquerda,header-centro,header-direita" rowClasses="header-row">
											
						<h:column>
						
						</h:column>
						<h:column>
						
						</h:column>
						<h:column >
							<h:form id="loginForm">
								<h:outputLabel value="Login" for="login" >
									 <h:inputText id="login" value="" size="6" />
								</h:outputLabel>
								<h:outputLabel value="Senha" for="senha" > 
									<h:inputText id="senha" value="" size="8"/>
								</h:outputLabel>
								<a4j:commandButton value="Entrar" styleClass="botao" />
							</h:form>
						</h:column>
											
					</h:panelGrid>
										
				</h:column>
				<h:column></h:column>			
				
			</h:panelGrid>
			
		</rich:panel>
		
		<h:panelGrid columns="1" rowClasses="gridRowContent" columnClasses="gridContent_center" width="100%">

			<rich:toolBar id="bar" height="30" width="100%" >
				<rich:toolBarGroup location="left" itemSeparator="line" style="padding:0; width : 16%">
					<h:outputText value="" />
					
				</rich:toolBarGroup>
				<rich:toolBarGroup location="center" style="padding:0; width : 70%">
					<h:outputText value="3Layer Web Doc" />					
				</rich:toolBarGroup>
				<rich:toolBarGroup location="right" style="padding:0; width : 16%" >
						
				</rich:toolBarGroup>
			</rich:toolBar>
			
		</h:panelGrid>
		
		<rich:panel id="agurpador" style="padding:0; width : 100%; border: 2px" headerClass="outpanelHeader" >
			<rich:panel id="pnlAutenticacao" style="padding:0; width : 100%; border: 0px" headerClass="outpanelHeader" >
				<h:panelGrid columns="3" rowClasses="gridRowContent" columnClasses="gridContent_left,gridContent_center,gridContent_height" width="100%">
					<rich:panel bodyClass="inpanelBody_left" style="border: 0px">
						
					</rich:panel>
					<h:panelGrid columns="1" border="0" rowClasses="gridRowContent" columnClasses="gridContent_center" width="100%">
						<h:column>
							<h:form>
								<rich:toolBar itemSeparator="grid" >
									<rich:dropDownMenu value="Cadastros">
									
										<rich:menuItem submitMode="ajax" value="Ata" action="#{ddmenu.doNew}" />
										<rich:menuItem submitMode="ajax"  value="Empenho" action="#{ddmenu.doOpen}"/>
										<rich:menuItem  submitMode="ajax" value="Decreto" action="#{ddmenu.doClose}"/>
										<rich:menuSeparator id="menuSeparator11"/>
										<rich:menuItem  submitMode="ajax" value="Exit"  action="#{ddmenu.doExit}"/>
									
									</rich:dropDownMenu>
									
									<rich:dropDownMenu value="Configurações">
										<rich:menuItem submitMode="ajax" value="Usuario" action="#{ddmenu.doNew}" />
										<rich:menuItem submitMode="ajax"  value="Grupos" action="#{ddmenu.doOpen}"/>
										<rich:menuItem  submitMode="ajax" value="Permissões" action="#{ddmenu.doClose}"/>
									</rich:dropDownMenu>
									
								</rich:toolBar>
							</h:form>	
							
						</h:column>
						
					</h:panelGrid>
					
					<rich:panel  bodyClass="inpanelBody_height" style="border: 0px" >

					</rich:panel>
									
				</h:panelGrid>	
	
			</rich:panel>
					
			<rich:panel id="pnlPesquisa" style="padding:0; width : 100%;border: 0px " headerClass="outpanelHeader" rendered="true" >
				<h:panelGrid columns="3" rowClasses="gridRowContent" columnClasses="gridContent_left,gridContent_center,gridContent_height" width="100%">
					<rich:panel bodyClass="inpanelBody_left" style="border: 0px">
						<f:facet name="header">
	
						</f:facet>
						
						<!-- Propaganda  -->
					</rich:panel>
					<h:panelGrid columns="1" border="0" rowClasses="gridRowContent" columnClasses="gridContent_center" width="100%">
						<ui:insert name="body" />
												
						<rich:panel bodyClass="footer_center" style="border: 0px;vertical-align:top;" >
							<h:panelGrid columns="1" rowClasses="footer_center" columnClasses="footer_center" width="100%">
								<h:column>
									<h:outputText value="Desenvolvido por 3Layer Tecnologia" /> 
								</h:column>
								
								<h:column>
									<h:outputText value="Porto Alegre RS - Brasil " />
								</h:column>
							</h:panelGrid>
														
						</rich:panel>
						
					</h:panelGrid>
					
					<rich:panel  bodyClass="inpanelBody_height" style="border: 0px" >
						<f:facet name="header" >
							
						</f:facet>
						
						<!-- Menu Esquerdo sadad  -->
						
					</rich:panel>
									
				</h:panelGrid>	
	
			</rich:panel>
		</rich:panel>
		
	</div>
		
</body>
	
</html>	